<template>
  <div class="businessPage-wrapper">
    <div class="businessTopbar">
      <div class="businessTitle-wrapper">
        <div class="businessTitle-left">
          <span class="businessTitle">在线考试</span>
        </div>
      </div>
      <div class="businessSearches-wrapper">
        <div class="businessSearches-left">
          <div class="businessSearchCondition" style="width: 200px">
            <label>考试名称：</label>
            <el-input class="businessConditionInput"></el-input>
          </div>
          <div class="businessSearchCondition" style="width: 200px">
            <label>专业：</label>
            <!--            <el-select class="businessConditionInput"></el-select>-->
          </div>
        </div>
        <div class="businessSearches-right">
          <span class="businessButtonConfirm">立即查询</span>
          <span class="businessButtonCancel">清空条件</span>
        </div>
      </div>
    </div>
    <div class="businessContent-wrapper">
      <div class="businessButtons-wrapper">
        <span class="businessButtonEdit" @click="examinationShow = true">考试</span>
      </div>
      <el-table class="businessTable" height="calc(100% - 120px)" :data="tableData">
        <el-table-column prop="name" label="序号" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="试卷名称" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="试卷分类" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="专业" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="合格分数" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="试卷总分" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="考试结束名称" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="合格分数" show-overflow-tooltip></el-table-column>
      </el-table>
      <el-pagination class="businessPagination"></el-pagination>
    </div>
    <OneExamination v-if="examinationShow" @close="handleExamination"></OneExamination>
  </div>
</template>

<script>
import OneExamination from './examinationDetail'

export default {
  data() {
    return {
      examinationShow: false,
      tableData: []
    }
  },
  components: {
    OneExamination
  },
  methods: {
    handleExamination() {
      this.examinationShow = false
    }
  }
}
</script>

<style lang="scss" scoped>
.businessContent-wrapper {
  height: calc(100% - 133px);
}
</style>
